<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script>
        function changerClasseCSS() {
            var image = document.getElementById("image_chats");
            image.setAttribute("class","imageSurvol");
        }
      
        </script>
        <style>
            .image {
                border: 10px #000 solid;
            }
            .imageSurvol {
                border: 10px #000 solid;
                box-shadow: 15px 15px 10px #888; 
            }
        </style>
        
    </head>
    
    <body>
        <form name="form1" id="form1" action="">
            <input type="button" value="Modifier la taille de l'image !" onclick="changerClasseCSS();">
        </form>
        <div><img src="images/chats.jpg" class="image" id="image_chats" width="354" height="412"></div>  
    </body>
</html>
